<html>
	<head>
		<link rel="stylesheet" href="style.css"></link>
	</head>
	<body>
		<ul>
			<li class="submenu">
				<a>Search Engines</a>
				<ul>
					<li><a>Google</a></li>
					<li><a>Yahoo</a></li>
					<li><a>Live Search</a></li>
				</ul>
			</li>
			<li class="submenu">
				<a>Shopping</a>
				<ul>
					<li><a>Amazone</a></li>
					<li><a>eBay</a></li>
					<li><a>CraigsList</a></li>
				</ul>
			</li>
		</ul>
		<script type="text/javascript">
			window.onload = function() {
				var lis = document.getElementsByTagName('li');
				for(i=0; i<lis.length;i++) {
					var li = lis[i];
					if(li.className == "submenu") {
						li.onmouseover = function() {
							this.getElementsByTagName('ul').item(0).style.display = "block";
						}
						li.onmouseout = function() {
							this.getElementsByTagName('ul').item(0).style.display = "none";	
						}
					}
				}
			}
		</script>
	</body>
</html>